<template>
  <div>

    <!-- 菜单名字 -->
    <div class="cart-item-name">
      {{$t(foodName)}}
    </div>

    <div class="containerRow">
        <!-- 菜单的价格 -->
        <div :class="['cart-item-price', {'imgShow': isShow}]">${{price/100}}</div>
      <!-- 菜单数量 -->
        <div class="cart-item-count-no-editable">{{count}}</div>
    </div>
      <!-- {{foodName}} + {{price}} + {{count}} -->

  </div>
</template>

<script>
import { mapState } from 'vuex';

export default {
  props: {
    foodName: {
      type: String,
      default: '',
    },
    price: {
      type: Number,
      default: 0,
    },
    count: {
      type: Number,
      default: 0,
    },
    isShow: {
      type: Boolean,
      default: false,
    },
  },

  computed: {
    ...mapState({
      language: (state) => state.language.language,
    }),
  },

  methods: {
  },

};
</script>

<style>

</style>
